<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>web案例1</title>
		<style>
			*{
				margin: 0;
			}/*通配符选择器 */
			img{
				vertical-align: bottom ;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.bd{
			    border: 1px solid bule;
			}
			.w{
				width: 1080px;
				margin: 0 auto;
			}
			.header{
			}
			.ad1{
				padding: 15px 0px;
			}
			.ad2{
				
			}
			/* 以下是banner区 */
			.banner{
				height: 555px;
				padding-top: 15px;
			}
			.banner_ad{
				padding-top: 15px;
			}
			.banner_ad div:nth-child(2){
				padding: 0 15px;
			}
					/* 以下是main区 */
			.main{
				
			}
			.title{
				border-bottom: 2px solid #f4f3ef;
				padding-top: 35px;
				height: 42px;
			}
			.title h3{
				font-family: 黑体;
				font-size: 24px;
				line-height: 42px;
			}
			.brand{
				padding-top: 15px;
				height: 460px;
			}
			.brand .fl{
				padding-right: 15px;
			}
			.brand .fl:nth-child(4){
				padding-right: 0;
			}
			.style{
				padding-top: 15px;
				height: 612px;
			}
			.style_l{
				padding-right: 20px;
			}
			.style_l div:nth-child(1){
				padding-bottom: 15px;
			}
			.style_r{
				width: 685px;
			}
			.style_r .fl{
				padding: 0 15px 15px 0;
			}
			.style_r .fl:nth-child(3n){
				padding-right: 0;
			}
			.systitle h4{
				
				font-family: 黑体;color: #fc3548;
				font-size: 18px;
				line-height: 58px;
			}
			.Wedding_l h3{
				font-family: 黑体;color: #fc3548;
				font-size: 18px;
				line-height: 110px;
			}
			.Wedding_l{
				padding-top: 15px;
				padding-right:px;
			}
			.Wedding_r{
				width: 739px;
			}
			.Wedding_r .fr{
				padding: 15px 0px 15px 15px;
			}

		</style>
	</head>
	<body>
		<div class="w header"><img src="img/images/001.gif" alt=""></div>
		<div class="w ad1"><img src="img/images/002.gif" alt=""></div>
		<div class="w ad2"><img src="img/images/003.gif" alt=""></div>
		<div class="w banner">
		<div class="fl banner_l">
			<div><img src="img/images/banner_10.gif" alt=""></div>
			<div class="banner_ad">
				<div class="fl"><img src="img/images/banner_14.gif" alt=""></div>
				<div class="fl"><img src="img/images/banner_16.gif" alt=""></div>
				<div class="fl"><img src="img/images/banner_18.gif" alt=""></div>
			</div>
		</div>
		<div class="fr banner_r"><img src="img/images/banner_12.gif" alt=""></div>
		</div>
		<!-- 以下是main区 -->
		<div class="bd w main">
			<div class="title">	
			<h3>品牌</h3>
			</div>
			<div class="brand">
			<div class="fl"><img src="img/images/main-001.gif" alt=""></div>
			<div class="fl"><img src="img/images/main-002.gif" alt=""></div>
			<div class="fl"><img src="img/images/main-003.gif" alt=""></div>
			<div class="fl"><img src="img/images/main-004.gif" alt=""></div>
			</div>
			<div class="title">
			<h3>风格</h3>
			</div>
			<div class="style">
				<div class="fl style_l">
					<div><img src="img/images/images/seat-001.gif" alt=""></div>
					<div><img src="img/images/images/seat-002.gif" alt=""></div>
				</div>
				<div class="fl style_r">
						<div class="fl"><img src="img/images/images/sk-01_03.gif" alt=""></div>
						<div class="fl"><img src="img/images/images/sk-01_05.gif" alt=""></div>
						<div class="fl"><img src="img/images/images/sk-01_07.gif" alt=""></div>
						<div class="fl"><img src="img/images/images/sk-01_12.gif" alt=""></div>
						<div class="fl"><img src="img/images/images/sk-01_13.gif" alt=""></div>
						<div class="fl"><img src="img/images/images/sk-01_14.gif" alt=""></div>
						<div class="fl"><img src="img/images/images/sk-01_18.gif" alt=""></div>
						<div class="fl"><img src="img/images/images/sk-01_19.gif" alt=""></div>
						<div class="fl"><img src="img/images/images/sk-01_20.gif" alt=""></div>
				</div>
			</div>
			<div class="systitle">
				<h4>用户晒单</h4>
			</div>
			<div class="sys">
				<div>
					<img src="img/images/images/sys_01.gif" alt="">
					<img src="img/images/images/sys_02.gif" alt="">
					<img src="img/images/images/sys_03.gif" alt="">
					<img src="img/images/images/sys_04.gif" alt="">
					<img src="img/images/images/sys_05.gif" alt="">
					<img src="img/images/images/sys_06.gif" alt="">
				</div>
			<div class="title">
				<h3>婚庆</h3>
			</div>
			<div class="Wedding"></div>
			<div class="fl Wedding_l">
				<div><img src="img/images/images/wedding_01.gif" alt=""></div>
				<h3>用户晒单</h3>
				<div><img src="img/images/images/wedding_02.gif" alt="">
				<img src="img/images/images/wedding_03.gif" alt=""></div>
				<div><img src="img/images/images/wedding_04.gif" alt="">
				<img src="img/images/images/wedding_05.gif" alt=""></div>
			</div>
			<div class="fr Wedding_r">
				<div class="fr"><img src="img/images/images/wedding_06.gif" alt=""></div>
				<div class="fr"><img src="img/images/images/wedding_07.gif" alt=""></div>
				<div class="fr"><img src="img/images/images/wedding_08.gif" alt=""></div>
				<div class="fr"><img src="img/images/images/wedding_09.gif" alt=""></div>
				<div class="fr"><img src="img/images/images/wedding_10.gif" alt=""></div>
				<div class="fr"><img src= "img/images/images/wedding_11.gif" alt=""></div>
			</div>
		<div class="end"><img src="img/images/images/end_03.gif" alt=""></div>
	</body>

